/* pages/user-information/user-information.wxss */
.information-wrapper {
  height: 100vh;
  width: 100vw;
  background-color: #ffffff;

  .main-container {
    width: 100%;
    height: auto;


    .avatar-box {
      width: 100%;
      height: 300rpx;
      display: flex;
      align-items: center;
      justify-content: center;

      .avatar-button {
        width: 216rpx;
        height: 216rpx;
        border-radius: 50%;
        padding: 0;
        margin: 0;
        position: relative;
        overflow: visible;

        .avatar {
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background-color: #f3f4f6;
        }

        .camera-icon {
          height: 50rpx;
          width: 50rpx;
          position: absolute;
          border-radius: 50%;
          background-color: #f2e6c6;
          display: flex;
          align-items: center;
          justify-content: center;
          right: 10rpx;
          bottom: 0rpx;

          image {
            margin-left: 3rpx;
            width: 75%;
            height: 75%;
          }
        }
      }
    }

    .information-form {
      padding: 0 40rpx;
      box-sizing: border-box;
    }
  }
}